<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../bootstrap-3.3.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="./shopcar.css">
    <link rel="stylesheet" href="../01index/icon/iconfont.css">
    <script src="../bootstrap-3.3.0-dist/js/jquery-1.11.0.js"></script>
    <script src="../bootstrap-3.3.0-dist/js/bootstrap.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="w">
            <ul class="list1">
                <li><a href="#">中国大陆</a><span class="caret"></span></li>
                <li><a href="#">手机逛淘宝</a></li>
                <li><a href="#">网页无障碍</a></li>
            </ul>

            <ul class="list2">
                <li><a href="#">我的淘宝</a><span class="caret"></span></li>
                <li>
                    <i class="iconfont icon-gouwuche"></i>
                    <a href="#">购物车</a>
                </li>
                <li>
                    <i class="iconfont icon-ef-shoucangjia-gongju"></i>
                    <a href="#">收藏夹</a>
                </li>
                <li><a href="#">商品分类&nbsp;免费开店</a></li>
                <li><a href="#">|</a></li>
                <li><a href="#">千牛卖家中心</a><span class="caret"></span></li>
                <li><a href="#">联系客服<span class="caret"></span></a></li>
            </ul>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="w">
            <a href="../01index/index.html"></a>
            <div class="select">
                <div class="input-left">
                    <i></i>
                    宝贝
                    <s></s>
                </div>
                <div class="input-right"> 
                    <input type="text">
                    <button>搜索</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 主要部分 -->
    <div class="main">
        <div class="w">
            <!-- 购物车头部 -->
            <div class="main-head">
                <span>购物车（全部<span>1</span>）</span>
                <div>
                    <span>已选商品（不含运费）￥</span>
                    <span>0.00</span>
                    <button class="pay" >结算</button>
                </div>
            </div>
            <!-- 购物车内容区 -->
            <div class="main-box">
                <div class="main-top">
                    <ul>
                        <li>
                            <input type="checkbox" name="quan">全选
                        </li>
                        <li>商品</li>
                        <li>单价</li>
                        <li>数量</li>
                        <li>金额</li>
                        <li>操作</li>
                    </ul>
                </div>

                <div class="main-uls">
                    <ul>
                        <li>
                           <input type="checkbox" name="xuan"> 
                        </li>
                        <li>
                            <img src="./京东购物车/image/bg1.png" alt="">
                             <p> 百思图&nbsp;双面搓澡巾拉北条雨花三件套沐浴搓澡套餐</p>
                        </li>
                        <li>
                            ￥<span>8.90</span>
                        </li>
                        <li>
                            <button>-</button>
                            <input type="text" value="1">
                            <button>+</button>
                        </li>
                        <li>
                            ￥<span>8.90</span>
                        </li>
                        <li>删除</li>
                    </ul>
    
                    <!-- <ul>
                        <li>
                           <input type="checkbox" name="xuan"> 
                        </li>
                        <li>
                            <img src="./京东购物车/image/bg1.png" alt="">
                             <p> 百思图&nbsp;双面搓澡巾拉北条雨花三件套沐浴搓澡套餐</p>
                        </li>
                        <li>
                            ￥<span>8.90</span>
                        </li>
                        <li>
                            <button>-</button>
                            <input type="text" value="1">
                            <button>+</button>
                        </li>
                        <li>
                            ￥<span>8.90</span>
                        </li>
                        <li>删除</li>
                    </ul> -->
                </div>
                <!-- 购物车底部 -->
                <div class="main-footer">                
                    <ul class="footer-left">
                        <li>
                            <input type="checkbox" name="quan">全选
                        </li>
                        <li>删除选中的商品</li>
                        <li>移入收藏夹</li>
                        

                    </ul>

                    <ul class="footer-right">
                        <li>
                            已选择<span>0</span>件商品
                        </li>
                        <li>
                            合计（不含运费）：￥<span>0.00</span>
                        </li>
                        <li class="pay">
                            结算
                        </li>
                    </ul>
                      
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="w">
            <img src="../images/footer_03.jpg" alt="">
        </div>
    </div>

    <script src="../jq/jquery.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax1.js"></script>
    <script src="./shopcar.js"></script>
</body>
</html>